<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Apricot 1.3</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <script type="text/javascript" src="assets/js/jquery.js"></script>


    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/loader-style-zhiyu.css">
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="assets/css/bootstrap-table.css">




    <link rel="stylesheet" href="assets/js/dataTable/lib/jquery.dataTables/css/DT_bootstrap.css">
    <link rel="stylesheet" href="assets/js/dataTable/css/datatables.responsive.css">
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>

    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=29464802318093abe446439f09cefb4c&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script>
    <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>






    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]><![endif]-->
    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="assets/ico/minus.png">
    <style>
        .information-div{
            width:100%;

        }
        .modal-information{
            width: 1500px;
            height: 800px;
            overflow: auto;

        }
        .left-information{
            width:30%;
            border-right:1px solid #e5e5e5;
            font-size: 1.6em;
            float: left;
        }
        .right-information{
            width:70%;
            display: inline-block;
            font-size:1.3em;
            float: right;
        }
        .modal-information-group li{
            list-style-type: none;
            padding-left:23px;
            line-height: 2.0;
            font-family: "Microsoft YaHei";
            font-size:1.1em;
        }
        .modal-information-group li p{
            font-family: "Microsoft YaHei";
            color: #000000;
            font-size: 0.8em;
            display: inline;
        }
        .modal-imformation-title{
            padding-bottom: 15px;
            font-family: "Microsoft YaHei";
            font-size: 1.5em;
        }
        .modal-left-padding{
            padding-left:15px;
        }
        .modal-imformation-thermodynamic{
            width: 100%;
            height: 320px;
            background: yellow;

        }
        .modal-top-padding{
            padding-top:15px;

        }
        .modal-imformation-chart{


        }


    </style>
</head>

<body>
<!-- Preloader -->
<div id="preloader">
    <div id="status">&nbsp;</div>
</div>
<!-- TOP NAVBAR -->
<nav role="navigation" class="navbar navbar-static-top">
    <div class="container-fluid">



        <!-- Collect the nav links, forms, and other content for toggling -->
        <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">


            <ul style="margin-right:0;" class="nav navbar-nav navbar-right">
                <li>
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <img alt="" class="admin-pic img-circle" src="assets/img/head.JPG">Hi, Zhiyu <b class="caret"></b>
                    </a>
                    <ul style="margin-top:14px;" role="menu" class="dropdown-setting dropdown-menu">
                        <li>
                            <a href="#">
                                <span class="entypo-user"></span>&#160;&#160;My Profile</a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="entypo-vcard"></span>&#160;&#160;Account Setting</a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="entypo-lifebuoy"></span>&#160;&#160;Help</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="http://themeforest.net/item/apricot-navigation-admin-dashboard-template/7664475?WT.ac=category_item&WT.z_author=themesmile">
                                <span class="entypo-basket"></span>&#160;&#160; Purchase</a>
                        </li>
                    </ul>
                </li>
                <li>

                    <ul role="menu" class="dropdown-setting dropdown-menu">

                        <li class="theme-bg">
                            <div id="button-bg"></div>
                            <div id="button-bg2"></div>
                            <div id="button-bg3"></div>
                            <div id="button-bg5"></div>
                            <div id="button-bg6"></div>
                            <div id="button-bg7"></div>
                            <div id="button-bg8"></div>
                            <div id="button-bg9"></div>
                            <div id="button-bg10"></div>
                            <div id="button-bg11"></div>
                            <div id="button-bg12"></div>
                            <div id="button-bg13"></div>
                        </li>
                    </ul>
                </li>
                <li class="hidden-xs">
                    <a class="toggle-left" href="#">
                        <span style="font-size:20px;" class="entypo-list-add"></span>
                    </a>
                </li>
            </ul>

        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>

<!-- /END OF TOP NAVBAR -->

<!-- SIDE MENU -->
<div id="skin-select">
    <div id="logo">
        <h1>YoRoad<span style="margin-left:10%">v1.0</span></h1>
    </div>

    <a id="toggle">
        <span class="entypo-menu"></span>
    </a>
    <div class="dark">
        <form action="#">
                <span>
                    <input type="text" name="search" value="" class="search rounded id_search" placeholder="Search Menu..." autofocus="">
                </span>
        </form>
    </div>

    <div class="search-hover">
        <form id="demo-2">
            <input type="search" placeholder="Search Menu..." class="id_search">
        </form>
    </div>




    <div class="skin-part">
        <div id="tree-wrap">
            <div class="side-bar">
                <ul class="topnav menu-left-nest">
                    <li>
                        <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                            <span>&nbsp;App&nbsp;&nbsp;管理&nbsp;</span>
                            <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                        </a>
                    </li>

                    <li>
                        <a class="tooltip-tip ajax-load" href="#" title="Blog App">
                            <i class="icon-document-edit"></i>
                            <span>司机管理</span>

                        </a>
                        <ul>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="blog-list.html" title="Blog List"><i class="entypo-doc-text"></i><span>司机信息查看</span></a>
                            </li>
                            <li>
                                <a class="tooltip-tip2 ajax-load" href="blog-detail.html" title="Blog Detail"><i class="entypo-newspaper"></i><span>司机审核</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="tooltip-tip ajax-load" href="social.html" title="Social">
                            <i class="icon-feed"></i>
                            <span>乘客管理</span>

                        </a>
                    </li>
                    <li>
                        <a class="tooltip-tip ajax-load" href="media.html" title="Media">
                            <i class="icon-camera"></i>
                            <span>订单管理</span>

                        </a>
                    </li>
                </ul>

                <ul class="topnav menu-left-nest">
                    <li>
                        <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                            <span>&nbsp;后台运维&nbsp;</span>
                            <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                        </a>
                    </li>

                    <li>
                        <a class="tooltip-tip ajax-load" href="index.html" title="Dashboard">
                            <i class="icon-window"></i>
                            <span>实时分布</span>

                        </a>
                    </li>


                    <li>
                        <a class="tooltip-tip ajax-load" href="map.html" title="Icons">
                            <i class="icon-preview"></i>
                            <span>系统派车</span>

                        </a>
                    </li>



                    <li>
                        <a class="tooltip-tip " href="trail.html" title="轨迹查询">
                            <i class="icon-download"></i>
                            <span>查询轨迹</span>
                        </a>
                    </li>
                    <li>
                        <a class="tooltip-tip ajax-load" href="mail.html" title="Mail">
                            <i class="icon-mail"></i>
                            <span>投诉建议</span>
                            <div class="noft-purple">3</div>
                        </a>
                    </li>

                </ul>

                <ul id="menu-showhide" class="topnav menu-left-nest">
                    <li>
                        <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                            <span>数据挖掘</span>
                            <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                        </a>
                    </li>


                    <li>
                        <a class="tooltip-tip" href="#" title="UI Element">
                            <i class="icon-monitor"></i>
                            <span>用户分析</span>
                        </a>

                    </li>
                    <li>
                        <a class="tooltip-tip" href="#" title="Form">
                            <i class="icon-document"></i>
                            <span>订单分析</span>
                        </a>

                    </li>
                    <li>
                        <a class="tooltip-tip" href="#" title="Tables">
                            <i class="icon-view-thumb"></i>
                            <span>热点区域分析</span>
                        </a>

                    </li>

                    <li>
                        <a class="tooltip-tip ajax-load" href="map.html" title="Map">
                            <i class="icon-location"></i>
                            <span>各地流量分析</span>

                        </a>
                    </li>
                </ul>


                <div class="side-dash">
                    <h3>
                        <span>Device</span>
                    </h3>
                    <ul class="side-dashh-list">
                        <li>Avg. Traffic
                            <span>25k<i style="color:#44BBC1;" class="fa fa-arrow-circle-up"></i>
                                </span>
                        </li>
                        <li>Visitors
                            <span>80%<i style="color:#AB6DB0;" class="fa fa-arrow-circle-down"></i>
                                </span>
                        </li>
                        <li>Convertion Rate
                            <span>13m<i style="color:#19A1F9;" class="fa fa-arrow-circle-up"></i>
                                </span>
                        </li>
                    </ul>
                    <h3>
                        <span>Traffic</span>
                    </h3>
                    <ul class="side-bar-list">
                        <li>Avg. Traffic
                            <div class="linebar">5,7,8,9,3,5,3,8,5</div>
                        </li>
                        <li>Visitors
                            <div class="linebar2">9,7,8,9,5,9,6,8,7</div>
                        </li>
                        <li>Convertion Rate
                            <div class="linebar3">5,7,8,9,3,5,3,8,5</div>
                        </li>
                    </ul>


                </div>
            </div>
        </div>
    </div>
</div>
<!-- END OF SIDE MENU -->

<!--  PAPER WRAP -->
<div class="wrap-fluid">
    <div class="container-fluid paper-wrap bevel tlbr">





        <!-- CONTENT -->
        <!--TITLE -->
        <div class="row">
            <div id="paper-top">
                <div class="col-sm-3">
                    <h2 class="tittle-content-header">
                        <span class="entypo-menu"></span>
                        <span style="font-size: 0.8em">司机查看
                            </span>
                    </h2>

                </div>



            </div>
        </div>
        <!--/ TITLE -->

        <!-- BREADCRUMB -->
        <ul id="breadcrumb">
            <li>
                <span class="entypo-home"></span>
            </li>
            <li><i class="fa fa-lg fa-angle-right"></i>
            </li>
            <li><a href="#" title="Sample page 1">司机管理</a>
            </li>
            <li><i class="fa fa-lg fa-angle-right"></i>
            </li>
            <li><a href="#" title="Sample page 1">司机查看</a>
            </li>
            <li class="pull-right">
                <div class="input-group input-widget">

                    <input style="border-radius:15px" type="text" placeholder="Search..." class="form-control">
                </div>
            </li>
        </ul>

        <!-- END OF BREADCRUMB -->



        <div class="content-wrap">
            <div class="row">


                <div class="col-sm-12">

                    <div class="nest">
                        <div class="title-alt">
                            <h6>YoRoad乘客</h6>


                        </div>

                        <div class="body-nest" >
                            <table id="table"
                                   data-toggle="table"
                                   data-height="650"
                                   data-pagination="true"
                                   data-click-to-select="true"
                                   data-toolbar="#toolbar"
                                   data-show-refresh="true"

                                   data-show-export="true">
                                <thead>
                                <tr>
                                    <th data-field="id"  data-width="20%" data-align="center">用户编号</th>
                                    <th data-field="pid" data-width="20%" data-align="center">用户地址</th>
                                    <th data-field="name" data-width="20%" data-align="center">用户姓名</th>
                                    <th data-field="phone" data-width="20%" data-align="center">联系方式</th>
                                    <th data-field="operation" data-formatter="actionFormatter" data-events="actionEvents" data-align="center">状态</th>
                                </tr>

                                </thead>
                            </table>

                        </div>

                    </div>


                </div>

            </div>
        </div>


        <!-- /END OF CONTENT -->

    </div>
    <!--  END OF PAPER WRAP -->
    <!-- RIGHT SLIDER CONTENT -->
    <div class="sb-slidebar sb-right">
        <div class="right-wrapper">
            <div class="row">
                <h3>
                    <span><i class="entypo-gauge"></i>&nbsp;&nbsp;MAIN WIDGET</span>
                </h3>
                <div class="col-sm-12">

                    <div class="widget-knob">
                        <span class="chart" style="position:relative" data-percent="86">
                            <span class="percent"></span>
                        </span>
                    </div>
                    <div class="widget-def">
                        <b>Distance traveled</b>
                        <br>
                        <i>86% to the check point</i>
                    </div>

                    <div class="widget-knob">
                        <span class="speed-car" style="position:relative" data-percent="60">
                            <span class="percent2"></span>
                        </span>
                    </div>
                    <div class="widget-def">
                        <b>The average speed</b>
                        <br>
                        <i>30KM/h avarage speed</i>
                    </div>


                    <div class="widget-knob">
                        <span class="overall" style="position:relative" data-percent="25">
                            <span class="percent3"></span>
                        </span>
                    </div>
                    <div class="widget-def">
                        <b>Overall result</b>
                        <br>
                        <i>30KM/h avarage Result</i>
                    </div>
                </div>
            </div>
        </div>

        <div style="margin-top:0;" class="right-wrapper">
            <div class="row">
                <h3>
                    <span><i class="entypo-chat"></i>&nbsp;&nbsp;CHAT</span>
                </h3>
                <div class="col-sm-12">
                    <span class="label label-warning label-chat">Online</span>
                    <ul class="chat">
                        <li>
                            <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-circle" src="http://api.randomuser.me/portraits/thumb/men/20.jpg">
                                </span><b>Dave Junior</b>
                                <br><i>Last seen : 08:00 PM</i>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-circle" src="http://api.randomuser.me/portraits/thumb/men/21.jpg">
                                </span><b>Kenneth Lucas</b>
                                <br><i>Last seen : 07:21 PM</i>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-circle" src="http://api.randomuser.me/portraits/thumb/men/22.jpg">
                                </span><b>Heidi Perez</b>
                                <br><i>Last seen : 05:43 PM</i>
                            </a>
                        </li>


                    </ul>

                    <span class="label label-chat">Offline</span>
                    <ul class="chat">
                        <li>
                            <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-offline img-circle" src="http://api.randomuser.me/portraits/thumb/men/23.jpg">
                                </span><b>Dave Junior</b>
                                <br><i>Last seen : 08:00 PM</i>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-offline img-circle" src="http://api.randomuser.me/portraits/thumb/women/24.jpg">
                                </span><b>Kenneth Lucas</b>
                                <br><i>Last seen : 07:21 PM</i>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-offline img-circle" src="http://api.randomuser.me/portraits/thumb/men/25.jpg">
                                </span><b>Heidi Perez</b>
                                <br><i>Last seen : 05:43 PM</i>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-offline img-circle" src="http://api.randomuser.me/portraits/thumb/women/25.jpg">
                                </span><b>Kenneth Lucas</b>
                                <br><i>Last seen : 07:21 PM</i>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-offline img-circle" src="http://api.randomuser.me/portraits/thumb/men/26.jpg">
                                </span><b>Heidi Perez</b>
                                <br><i>Last seen : 05:43 PM</i>
                            </a>
                        </li>


                    </ul>
                </div>
            </div>
        </div>
    </div>


    <!--
        	作者：784937313@qq.com
        	时间：2017-01-26
        	描述：No modal 框 确认拒绝
        -->
    <div class="modal fade" id="NoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog">
            <div class="modal-content modal-information">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        <strong>用户信息</strong>
                    </h4>
                </div>
                <div class="modal-body" style="height: 82%;overflow: auto;">
                    <div class="information-div">
                        <div class="left-information">
                            <div class="modal-imformation-title">
                                用户个人资料
                            </div>
                            <div class="modal-information-group">
                                <li>
                                    <span class="label label-success">用户id:</span>
                                    <p id="modal-id"></p>
                                </li>
                                <li>
                                    <span class="label label-success">姓名:</span>
                                    <p id="modal-name"></p>
                                </li>
                                <li>
                                    <span class="label label-success">联系方式:</span>
                                    <p id="modal-phone"></p>
                                </li>
                                <li>
                                    <span class="label label-success">车牌号码:</span>
                                    <p id="modal-licence"></p>
                                </li>

                                <li>
                                    <span class="label label-success">公司单位:</span>
                                    <p>浙江讯派科技有限公司</p>
                                </li>
                                <li>
                                    <span class="label label-success">注册时间:</span>
                                    <p>2017-03-01 19:03:41</p>
                                </li>
                                <li>
                                    <span class="label label-success">最后操作时间:</span>
                                    <p>2017-04-10 17:26:33</p>
                                </li>
                                <li>
                                    <span class="label label-success">认证情况:</span>
                                    <p>未认证</p>
                                </li>
                                <li>
                                    <span class="label label-success">完成订单数量:</span>
                                    <p>134</p>
                                </li>
                                <li>
                                    <span class="label label-success">好评率:</span>
                                    <p>95%</p>
                                </li>
                            </div>
                            <div class="col-xs-12 divider text-center" style="padding-top: 20%;">
                                <div class="col-xs-12 col-sm-4 emphasis">
                                    <h2>
                                        <strong>103</strong>
                                    </h2>
                                    <p>
                                        <small>月订单量</small>
                                    </p>
                                    <button class="btn btn-success btn-block">
                                        <span class="fa fa-plus-circle"></span>&nbsp;&nbsp;订单</button>
                                </div>
                                <div class="col-xs-12 col-sm-4 emphasis">
                                    <h2>
                                        <strong>93.1%</strong>
                                    </h2>
                                    <p>
                                        <small>好评率</small>
                                    </p>
                                    <button class="btn btn-info btn-block">
                                        <span class="fa fa-user"></span>&nbsp;&nbsp;好评</button>
                                </div>
                                <div class="col-xs-12 col-sm-4 emphasis">
                                    <h2>
                                        <strong>1:43</strong>
                                    </h2>
                                    <p>
                                        <small>活跃时间</small>
                                    </p>
                                    <button class="btn btn-danger btn-block">
                                        <span class="fa fa-user"></span>&nbsp;&nbsp;活跃</button>
                                </div>
                            </div>


                        </div>
                        <div class="right-information">
                            <div class="modal-imformation-title modal-left-padding">
                                用户近期活跃地点分析
                            </div>
                            <div class="modal-imformation-thermodynamic" id="modal-map">
                            </div>
                            <div class="modal-imformation-title modal-left-padding modal-top-padding">
                                用户近期订单量分析
                            </div>
                            <div class="modal-imformation-chart" id="ModalChart"></div>


                        </div>

                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal" onclick="NotoCraft()">确认</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal -->
    </div>
</div>

<!-- END OF RIGHT SLIDER CONTENT-->







</body>

</html>
<!-- MAIN EFFECT -->
<script type="text/javascript" src="assets/js/preloader.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
<script type="text/javascript" src="assets/js/app.js"></script>
<script type="text/javascript" src="assets/js/load.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>
<script src="assets/js/bootstraptable/bootstrap-table.js"></script>
<script src="assets/js/zhiyu/ichart.1.2.min.js"></script>
<script src="assets/js/bootstraptable/bootstrap-table-export.js"></script>
<script src="assets/js/bootstraptable/tableExport.js"></script>







<!-- /MAIN EFFECT -->
<!-- GAGE -->
<script type="text/javascript" src="assets/js/toggle_close.js"></script>
<script type="text/javascript">

    var $table = $('#table');

    //data form api
    var areaurl='http://112.74.102.45:8082/driver/findAll';

    var map = new AMap.Map('modal-map', {
        resizeEnable: true,
        city:'杭州',
        zoom: 12
    });


    $table.bootstrapTable({
        url:areaurl,
        method:'get',
        contentType:'application/json',
        dataType:'json',

        onClickRow:function (row, tr) {
            console.log(row.id);

            $('#NoModal').modal('show').css({
                width: 'auto',
                'padding-top':'80px',
                'margin-left': function () {
                    return -($(this).width() / 3);
                }
            });

            $("#modal-licence").text(row.pid);
            $("#modal-name").text(row.name);
            $("#modal-phone").text(row.phone);
            $("#modal-id").text("XX000"+row.id);





            // ichart
            //创建数据
            var data = [
                {
                    name : '订单量',
                    value:[12,15,13,12,18,7,3],
                    color:'#01acb6',
                    line_width:2
                }
            ];
            //创建x轴标签文本
            var labels = ["星期一","星期二","星期三","星期四","星期五","星期六","星期日"];

            var chart = new iChart.Area2D({
                render : 'ModalChart',
                data: data,
                title:{
                    text:'近一周内订单量数据分析',
                    color:'#eff4f8',
                    background_color:'#1c4156',
                    height:40,
                    border:{
                        enable:true,
                        width:[0,0,4,0],//只显示下边框
                        color:'#173a4e'
                    }
                },
                subtitle:{
                    text:'单位:个数',//利用副标题设置单位信息
                    fontsize:14,
                    color:'#eff4f8',
                    textAlign:'left',
                    padding:'0 40',
                    height:20
                },
                footnote:{
                    text:'数据来源:YoRoad数据中心',
                    color:'#708794',
                    padding:'0 20',
                    background_color:'#102c3c',
                    height:30,
                    border:{
                        enable:true,
                        width:[3,0,0,0],//只显示上边框
                        color:'#0f2b3a'
                    }
                },
                padding:'5 1',//设置padding,以便title能占满x轴
                sub_option:{
                    label:false,
                    hollow_inside:false,//设置一个点的亮色在外环的效果
                    point_size:10
                },
                tip:{
                    enable:true,
                    listeners:{
                        //tip:提示框对象、name:数据名称、value:数据值、text:当前文本、i:数据点的索引
                        parseText:function(tip,name,value,text,i){
                            return labels[i]+"订单数:<span style='color:red'>"+value+"</span>单";
                        }
                    }
                },
                width : 990,
                height : 400,
                background_color:'#0c222f',
                gradient:true,
                shadow:true,
                shadow_blur:2,
                shadow_color:'#4e8bae',
                shadow_offsetx:0,
                shadow_offsety:0,
                gradient_mode:'LinearGradientDownUp',//设置一个从下到上的渐变背景
                border:{
                    radius:5
                },
                coordinate:{
                    width : 600,
                    height : 240,
                    grid_color:'#506e7d',
                    background_color:null,//设置坐标系为透明背景
                    scale:[{
                        position:'left',
                        label:{
                            color:'#eff4f8',
                            fontsize:14,
                            fontweight:600
                        },
                        start_scale:0,
                        end_scale:30,
                        scale_space:5
                    },{
                        position:'bottom',
                        label:{
                            color:'#506673',
                            fontweight:600
                        },
                        labels:labels
                    }]
                }
            });

            chart.draw();



            map.setZoom(12);
            map.setMapStyle('blue_night');


            var Markers = [{
                id:1,
                icon: "http://webapi.amap.com/theme/v1.3/markers/n/mark_bs.png",
                position: [120.155105,30.270681]

            },{
                id:2,
                icon: "http://webapi.amap.com/theme/v1.3/markers/n/mark_bs.png",
                position: [120.03932,30.225342]

            },{
                id:3,
                icon: "http://webapi.amap.com/theme/v1.3/markers/n/mark_bs.png",
                position: [120.267404,30.164806]
            }];


            Markers.forEach(function(marker){

                mymarker=new AMap.Marker({
                    map: map,
                    icon: marker.icon,
                    position: [marker.position[0], marker.position[1]],
                    offset: new AMap.Pixel(-26, -13),
                    autoRotation: true,
                });
            });

            map.setFitView();

        },
        responseHandler:function(res) {
            console.log(res);

            return res;
        }

    });

    // 地图展示






</script>
